<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="col-sm-12">
        <div class="ibox">
            <div class="ibox-body">
               <!-- <div id="exampleToolbar" role="group">

                </div>-->
                <form id="evaluationForm">
                    <div class="form-group" >
                        <label>1、你觉得此次实训教师的教学水平如何？</label>
                        <div style="margin-top: 10px;margin-left: 30px">
                            <label><input style="margin-right: 5px" name="stuQuestionOne" id="stuQuestionOne1" type="radio" value="1" disabled="disabled"/>好</label>
                            <label style="margin-left: 50px"><input style="margin-right: 5px" name="stuQuestionOne" id="stuQuestionOne2" type="radio" value="2" disabled="disabled"/>一般</label>
                            <label style="margin-left: 50px"><input style="margin-right: 5px" name="stuQuestionOne" id="stuQuestionOne3" type="radio" value="3" disabled="disabled"/>差</label>
                        </div>
                    </div>
                    <div class="form-group" style="margin-top: 20px">
                        <label>2、你觉得实训教师的实训方法及过程是否适合自己？</label>
                        <div style="margin-top: 10px;margin-left: 30px">
                            <label><input style="margin-right: 5px" name="stuQuestionTwo" id="stuQuestionTwo1" type="radio" value="1" disabled />适合</label>
                            <label style="margin-left: 50px"><input style="margin-right: 5px" name="stuQuestionTwo" id="stuQuestionTwo2" type="radio" value="2" disabled="disabled"/>一般</label>
                            <label style="margin-left: 50px"><input style="margin-right: 5px" name="stuQuestionTwo" id="stuQuestionTwo3" type="radio" value="3" disabled="disabled"/>不适合</label>
                        </div>
                    </div>
                    <div class="form-group" style="margin-top: 20px">
                        <label>3、你觉得此次实训过程中是否存在一些问题？（如果存在请详细描述）</label><br>
                        <div style="margin-top: 10px;margin-left: 10px" class="col-sm-12" >
                            <label class="form-inline" style="width: 10px;float: left;margin-top: 5px">答:</label>
                            <div class="form-inline col-sm-10">
                                <textarea style="margin-right: 5px;width: 60%" name="stuQuestionThree" id="stuQuestionThree" disabled="disabled"
                                          class="form-control" type="text" required th:text="${evaluationDO.getStuQuestionThree()}"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="form-group" style="margin-top: 80px">
                        <label>4、通过实训课程你有什么收获？</label><br>
                        <div style="margin-top: 10px;margin-left: 10px" class="col-sm-12" >
                            <label class="form-inline" style="width: 10px;float: left;margin-top: 5px">答:</label>
                            <div class="form-inline col-sm-10">
                                <textarea style="margin-right: 5px;width: 60%" name="stuQuestionFour" id="stuQuestionFour" disabled
                                          class="form-control" type="text" required th:text="${evaluationDO.getStuQuestionFour()}"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="form-group" style="margin-top: 90px;margin-bottom: 20px">
                        <label>5、请在下方文本框内详细写下对实训教师以及实训课程的宝贵意见。</label><br>
                        <div style="margin-top: 10px;margin-left: 10px" class="col-sm-12" >
                            <label class="form-inline" style="width: 10px;float: left;margin-top: 5px">答:</label>
                            <div class="form-inline col-sm-10">
                                <textarea style="margin-right: 5px;width: 60%;height: 60px" name="stuQuestionFive" id="stuQuestionFive" disabled
                                          class="form-control" type="text" required th:text="${evaluationDO.getStuQuestionFive()}"></textarea>
                            </div>
                        </div>
                    </div>

                    <input id="one" th:value="${evaluationDO.getStuQuestionOne()}" hidden>
                    <input id="two" th:value="${evaluationDO.getStuQuestionTwo()}" hidden>
                    <input id="three" th:value="${evaluationDO.getStuQuestionThree()}" hidden>
                    <input id="four" th:value="${evaluationDO.getStuQuestionFour()}" hidden>
                    <input id="five" th:value="${evaluationDO.getStuQuestionFive()}" hidden>

                </form>

            </div>
        </div>
    </div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript">
    $().ready(function() {
        var one = $("#one").val();
        if (one == 1) {
            $("#stuQuestionOne1").attr('checked', 'checked');
        }else if (one == 2) {
            $("#stuQuestionOne2").attr('checked', 'checked');
        }else {
            $("#stuQuestionOne3").attr('checked', 'checked');
        }
        var two = $("#two").val();
        if (two == 1) {
            $("#stuQuestionTwo1").attr('checked', 'checked');
        }else if (two == 2) {
            $("#stuQuestionTwo2").attr('checked', 'checked');
        }else {
            $("#stuQuestionTwo3").attr('checked', 'checked');
        }
    })
 /*
   var three = $("#three").val();

   var four = $("#four").val();
   var five = $("#five").val();*/

</script>
</body>
</html>